<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<script type="text/javascript" src="${ctx}/statics/js/common/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
    var contextPath = "${ctx}";
</script>
<div class="nav">
    <div class="nav_t">全部商品分类</div>
    <div class="leftNav none" style="display: none;">
        <ul id="leftMenu">
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav1.png" /></span>
                    <span class="fl">进口食品、生鲜</span>
                </div>
                <div class="zj">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2><a href="${ctx}/client/goods/queryGoodsList.jsp">零食 / 糖果 / 巧克力</a></h2>
                            <a href="${ctx}/client/goods/queryGoodsList.jsp">坚果</a>|<a href="${ctx}/client/goods/queryGoodsList.jsp">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="${ctx}/client/goods/queryGoodsList.jsp">口香糖</a>|<a href="${ctx}/client/goods/queryGoodsList.jsp">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav2.png" /></span>
                    <span class="fl">食品、饮料、酒</span>
                </div>
                <div class="zj" style="top:-40px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力2</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav3.png" /></span>
                    <span class="fl">母婴、玩具、童装</span>
                </div>
                <div class="zj" style="top:-80px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力3</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav4.png" /></span>
                    <span class="fl">家居、家庭清洁、纸品</span>
                </div>
                <div class="zj" style="top:-120px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力4</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav5.png" /></span>
                    <span class="fl">美妆、个人护理、洗护</span>
                </div>
                <div class="zj" style="top:-160px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力5</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav6.png" /></span>
                    <span class="fl">女装、内衣、中老年</span>
                </div>
                <div class="zj" style="top:-200px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力6</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
            <li>
                <div class="fj">
                    <span class="n_img"><span></span><img src="${ctx}/statics/images/nav7.png" /></span>
                    <span class="fl">鞋靴、箱包、腕表配饰</span>
                </div>
                <div class="zj" style="top:-240px;">
                    <div class="zj_l">
                        <div class="zj_l_c">
                            <h2>零食 / 糖果 / 巧克力7</h2>
                            <a href="#">坚果</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">巧克力</a>|
                            <a href="#">口香糖</a>|<a href="#">海苔</a>|<a href="#">鱼干</a>|<a href="#">蜜饯</a>|<a href="#">红枣</a>|
                            <a href="#">蜜饯</a>|<a href="#">红枣</a>|<a href="#">牛肉干</a>|<a href="#">蜜饯</a>|
                        </div>
                    </div>
                    <div class="zj_r">
                        <a href="#"><img src="${ctx}/statics/images/n_img1.jpg" width="236" height="200" /></a>
                        <a href="#"><img src="${ctx}/statics/images/n_img2.jpg" width="236" height="200" /></a>
                    </div>
                </div>
            </li>
        </ul>

    </div>
</div>
<ul class="menu_r">
    <li><a href="">首页</a></li>

    <li><a href="${ctx}/client/goods/queryGoodsList.jsp">美食</a></li>
    <li><a href="${ctx}/client/goods/queryGoodsList.jsp">生鲜</a></li>
    <li><a href="${ctx}/client/goods/queryGoodsList.jsp">家居</a></li>
    <li><a href="${ctx}/client/goods/queryGoodsList.jsp">女装</a></li>
    <li><a href="${ctx}/client/goods/queryGoodsList.jsp">美妆</a></li>

</ul>
<div class="m_ad">多、快、好、省！</div>